<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
</head>
<style>
    body
			{
				background-attachment: fixed;		/* 图片固定 */
				background-position: center;		/* 图片居中 */
				background-image: url(背景图1.jpg);
				background-repeat: no-repeat;		/* 图片不重复 */
				background-size: cover;			/* 图片全屏 */
			}
    .box1{
        width: 800px;
        height: 600px;
        margin: 100px auto;
        background-color: #5ac5c9;
        border: 1px solid #000;
        border-radius: 10px;
        text-align: center;
        font-size: 20px;
    }
   .box{
    width: 100%;
    height: 30px;
    margin: 0 auto;
    background-color: #bcb4b4;
    border: 1px solid #000;
    border-radius: 10px;
    text-align: center;
    font-size: 20px;
   }
   .bbox{
    width: 100%;
    height: 90px;
    margin: 0 auto;
    background-color: #bcb4b4;
    border: 1px solid #000;
    border-radius: 10px;
    font-size: 15px;
   }
   .dbox{
    width: 400px;
    height: 500px;
   }
</style>
</style>
<body>
    <h1>首页</h1>
    <div class="box">
        加减乘除法游戏
    </div>
    <div class="bbox">
        游戏简介：加乘法初中高级分别是1到10，10到100，100到1000的运算，结果皆为正整数，减法结果有负数，请合理选择难度。<br>
        游戏规则：请输入答案，如果正确，得分加一，如果错误，不计分。<br>
        注：部分功能还在开发中，敬请期待。
       
    </div>
    </div>
<div class="box1">
    <h2>整数区</h2>
    <h3>加法</h3>
   <button id="a1">初级加法</button>
   <button id="a2">中级加法</button>
   <button id="a3">高级加法</button>
   <h3>乘法</h3>
   <button id="b1">初级乘法</button>
   <button id="b2">中级乘法</button>
   <button id="b3">高级加法</button>
    <h3>减法</h3>
   <button id="c1">初级减法</button>
   <button id="c2">中级减法</button>
   <button id="c3">高级减法</button>
    <h3>除法</h3>
    <h5>提示：如果有小数，结果四舍五入取小数点两位。</h5>
    <button id="d1">初级除法</button>
   <button id="d2">中级除法</button>
   <button id="d3">高级除法</button>
</div>
<div class="dbox">
    <h2>有任何问题请联系此帅哥</h2>
<img src="二维码.jpg" alt="" width="300px">
<h2>制作不易，且用且珍惜</h2>
</div>
</body>
<script>
  var a1 = document.getElementById('a1');
 a1.addEventListener('click', function() {
     var targetHtmlPath = '初级加法.html'; 
     window.location.assign(targetHtmlPath);
 });

 var a2 = document.getElementById('a2');
 a2.addEventListener('click', function() {
     var targetHtmlPath = '中级加法.html'; 
     window.location.assign(targetHtmlPath);
 });

 var a3 = document.getElementById('a3');
 a3.addEventListener('click', function() {
     var targetHtmlPath = '高级加法.html'; 
     window.location.assign(targetHtmlPath);
 });

 var b1 = document.getElementById('b1');
 b1.addEventListener('click', function() {
     var targetHtmlPath = '初级乘法.html'; 
     window.location.assign(targetHtmlPath);
 });

 var b2 = document.getElementById('b2');
 b2.addEventListener('click', function() {
     var targetHtmlPath = '中级乘法.html'; 
     window.location.assign(targetHtmlPath);
 });

 var b3 = document.getElementById('b3');
 b3.addEventListener('click', function() {
     var targetHtmlPath = '高级乘法.html'; 
     window.location.assign(targetHtmlPath);
 });
 var c1 = document.getElementById('c1');
 c1.addEventListener('click', function() {
     var targetHtmlPath = '初级减法.html'; 
     window.location.assign(targetHtmlPath);
 });
 var c2 = document.getElementById('c2');
 c2.addEventListener('click', function() {
     var targetHtmlPath = '中级减法.html'; 
     window.location.assign(targetHtmlPath);
 });
 var c3 = document.getElementById('c3');
 c3.addEventListener('click', function() {
     var targetHtmlPath = '高级减法.html'; 
     window.location.assign(targetHtmlPath);
 });
 var d1 = document.getElementById('d1');
 d1.addEventListener('click', function() {
     var targetHtmlPath = '初级除法.html'; 
     window.location.assign(targetHtmlPath);
 });
 var d2 = document.getElementById('d2');
 d2.addEventListener('click', function() {
     var targetHtmlPath = '中级除法.html'; 
     window.location.assign(targetHtmlPath);
 });
 var d3 = document.getElementById('d3');
 d3.addEventListener('click', function() {
     var targetHtmlPath = '高级除法.html'; 
     window.location.assign(targetHtmlPath);
 });
</script>
</html>